<%-- 
    Document   : index
    Created on : 13-feb-2012, 21:04:46
    Author     : Juan D. Aldana
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
HttpSession sesionOk = request.getSession();
sesionOk.invalidate();
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/stylen.css" media="all" />
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
        <script type="text/javascript" src="js/jquery-1.4.4.min.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>  
        <script type="text/javascript" src="js/Copse_400.font.js"></script>
        <script type="text/javascript" src="js/imagepreloader.js"></script>
        <script type="text/javascript" src="js/funciones.js"></script>
        <!--[if lt IE 9]>
	<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
	<script type="text/javascript" src="js/html5.js"></script>
        <![endif]-->
        <title>SIEG</title>
    </head>
    <body>
        <div class="body1">
            <div class="body2">
                <div class="main">
                    <!-- header -->
                    <header>
                        <div id="sq"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>
                        <div id="sq2"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>
                        <div id="sq3"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>        
                        <div class="wrapper">
                            <div class="col_2 pad_left1">
                                <h1>SIEG</h1>
                            </div>
                        </div>				
                        <nav id="menu">
                            <ul>
                                <li class="nav1" id="active"><a href="index.jsp">PRINCIPAL</a></li>
                                <li class="nav2"><a href="#">DATOS PERSONALES</a></li>
                                <li class="nav3"><a href="#">HISTORIA ACADEMICA</a></li>
                                <li class="nav4"><a href="#">INFORMACIÓN LABORAL</a></li>
                                <li class="nav5"><a href="#">CONTACTO</a></li>
                            </ul>
                        </nav>
                    </header>
                </div>
            </div>
        </div>
        <!-- / header -->
        <!-- content -->
        <div class="body5">
            <div class="body6">
                <div class="main">
                    <div class="wrapper">
                        <figure class="left"></figure>
                        <h2>Sistema de Información <span>Egresados UniVersidad De Los Llanos</span>!</h2>					
                    </div>
                </div>
            </div>
        </div>
        <div class="body7">
            <div class="main">
                <section id="content">				
                    <div class="wrapper">
                        <article class="col2">
                            <div class="pad1" id="usuario">
                                <h2>Inicio De Sesión</h2>
                                <form id="FormLogin" >
                                        <div  class="wrapper">
                                            <strong>Usuario:</strong>
                                            <div class="bg"><input type="text" class="input" id="user" name="user" required placeholder="Usuario" /></div>
                                        </div>
                                        <div  class="wrapper">
                                            <strong>Contraseña:</strong>
                                            <div class="bg"><input type="password" class="input" id="passwd" name="passwd" required placeholder="Contraseña"/></div>							
                                        </div>                                                                                
                                        <input type="submit" id="envio" name="envio" value="Iniciar sesión"/>
                                        <input type="button" id="registro" name="registro" value="Registrarse"/>
                                </form>
                            </div>
                            <div class="pad1" id="dregistro">
                                <h2>Regístrate</h2>
                                <form id="FormRegist" >
                                        <div  class="wrapper">
                                            <strong>Nombres:</strong>
                                            <div class="bg"><input type="text" class="input" id="nombres" name="nombres" required placeholder="Nombres" /></div>
                                        </div>
                                        <div  class="wrapper">
                                            <strong>Apellidos:</strong>
                                            <div class="bg"><input type="text" class="input" id="apellidos" name="apellidos" required placeholder="Apellidos" /></div>
                                        </div>
                                        <div  class="wrapper">
                                            <strong>Cedula:</strong>
                                            <div class="bg"><input type="text" class="input" id="cedula" name="cedula" required placeholder="Cedula" /></div>
                                        </div>
                                        <div  class="wrapper">
                                            <strong>Usuario:</strong>
                                            <div class="bg"><input type="text" class="input" id="userr" name="userr" required placeholder="Usuario" /></div>
                                        </div>
                                        <div  class="wrapper">
                                            <strong>Contraseña:</strong>
                                            <div class="bg"><input type="password" class="input" id="passwdr" name="passwdr" required placeholder="Contraseña"/></div>							
                                        </div>
                                        <div  class="wrapper">
                                            <strong>Email:</strong>
                                            <div class="bg"><input type="email" class="input" id="emailr" name="emailr" required placeholder="sieg1@sieg.com"/></div>							
                                        </div> 
                                        <input type="submit" id="envio" name="envio" value="Regístrate"/>
                                </form>
                            </div>
                        </article>
                    </div>

                </section>
            </div>
        </div>
        <!-- / content -->
        <!-- footer -->
        <div class="body8">
            <div class="body9">
                <div class="main">
                    <footer>
                        <div class="col_1">
                            <h3>Redes Sociales</h3>
                            <ul class="list3">
                                <li><a href="#">Twitter</a></li>
                                <li><a href="http://www.facebook.com/egresados.unillanos">Facebook</a></li>
                            </ul>
                        </div>
                        <div class="col_2 pad_left1">
                            <h3>Soluciones Rapidas</h3>
                            <div class="wrapper">
                                <ul class="list3 col_1">
                                    <li><a href="#">Consultas</a></li>							
                                    <li><a href="#">Publicidad</a></li>
                                    <li><a href="#">Programa de Gestión</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col_3">
                            <a href="#" id="footer_logo">...</a>
                            <p class="center"><a rel="nofollow" href="http://sieg.unillanos.edu.co/" target="_blank">SIEG</a><br>
							designed by SerVisoft.com</p>
                        </div>
                    </footer>
                </div>
                <!-- / footer -->
            </div>
        </div>
    </body>
</html>
    
